<script>
  import $ from '../dfish.js'
  import {h, mergeProps} from 'vue'
  import WidgetBase from './WidgetBase.vue'
  import AlignParent from './AlignParent.vue'
  import Scroll from './Scroll.vue'

  export default {
    name: 'w-html',
    mixins: [WidgetBase, AlignParent, Scroll],
    methods: {
      html_slots() {
        return this.html_scroll_slots()
      }
    },
    computed: {
      html_class() {
        return [(this.x.align || this.x.valign) && 'w-horizontal', this.html_align_class, this.html_scroll_class]
      }
    }
  }
</script>

<style>
  .w-html {
    box-sizing: border-box;
    flex-wrap: wrap;
  }
</style>
